<script setup></script>

<template>
	<view class="color-icon color-icon-baocun"></view>
	<view>---------------下面是uni-ui中的纯色图标</view>
	<view class="iconfont icon-select"></view>
	<view class="iconfont icon-like"></view>
	<view>---------------下面是uni-ui中的图标</view>
	<uni-icons type="contact" size="100"></uni-icons>
	<uni-icons type="heart-filled" size="100" color="skyblue"></uni-icons>
	<view>---------------下面是uni-ui中的自定义图标</view>
	<!-- 引入了iconfont 可以结合uni-icons继续使用，效果类似 -->
	<uni-icons custom-prefix="iconfont" type="icon-select" size="100" color="skyblue"></uni-icons>
</template>
<style scoped>
.iconfont {
	font-size: 100px;
	color: orange;
}
.color-icon {
	font-size: 100px;
}
</style>
